*{
    margin:0;
    padding:0;
}
html,body{
    background-color:#333;
}
.wrapper{
    position: relative;
    transform-style: preserve-3d;
    perspective: 800px;
    /* border:1px solid black; */
    height:200px;
    margin-top:200px;
}
.wrapper img{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 200px;
    margin-left: -300px;
    margin-top: -100px;
    border-radius: 8px;
    transition: transform 0.5s ease-in-out;
}
.btnWrap{
    margin-top:100px;
    width:100%;
    text-align: center;
}
.btn{
    display:inline-block;
    width:50px;
    height:50px;
    /* border:1px solid #fff; */
    cursor: pointer;
}
.btnWrap span#left{
    background-image: url('../img/images/btn.png');
    background-position:0 0; 
}
.btnWrap span#right{
    background-image: url('../img/images/btn.png');
    background-position:50px 0;
}